<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:set value="${pageContext.request.contextPath }" var="path"
       scope="page"></c:set>
<%@ page isELIgnored="false" %>
<!DOCTYPE html>
<html>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="UTF-8">
<title>课程详细</title>
<link rel="shortcut icon" href="http://www.xiangxue8.com/img/head16.ico"
      type="image/x-icon">
<link rel="Bookmark icon" href="http://www.xiangxue8.com/img/head16.ico"
      type="image/x-icon">
<link rel="stylesheet" href="${path}/static/css/base-new.css">
<link rel="stylesheet" href="${path}/static/css/style-new.css">
<link rel="stylesheet" href="${path}/static/css/style.css">
<link rel="stylesheet" href="${path}/static/css/css623.css">
<link type="text/css" href="${path}/static/css/index.css"
      rel="stylesheet"/>
<link rel="stylesheet" href="${path}/static/css/style.css">


</head>
<body>
<%--<!--<div id="logo" style="margin-left: 301px;"></div>  -->--%>
<%--<div id="sidel"></div>--%>
<%--<div id="sider"></div>--%>
<div id="frame">
    <div id="outer">
        <div id="header">
            <a href="/index/">
                <div id="logo"></div>
            </a>
            <div id="contact">
                <c:choose>
                    <c:when test="${not empty u}">
                        <div>用户: ${u.userName }</div>
                    </c:when>
                    <c:otherwise>
                        <a href="/admin/User/teacherLogin">登录</a>
                    </c:otherwise>
                </c:choose>
                <a href="/admin/User/zhuceshow">注册</a> <a href="/admin/User/zhuxiao">注销</a>
            </div>
        </div>
        <div class="clear"></div>
        <div id="navigator">
            <div frag="面板1">
                <div frag="窗口1">
                    <div id="wp_nav_w1">
                        <ul class="wp_nav"
                            data-nav-config="{drop_v: 'down', drop_w: 'right', dir: 'y', opacity_main: '-1', opacity_sub: '-1', dWidth: '0'}">
                            <li class="nav-item i1 "><a href="/index/" title="首页"
                                                        target="_self"> <span class="item-name">首页</span></a> <i
                                    class="mark"></i></li>
                            <li class="nav-item i2 "><a href="/admin/declare/ht.do"
                                                        title="精品课程申报"> <span class="item-name">精品课程申报</span></a> <i
                                    class="mark"></i></li>
                            <li class="nav-item i3 "><a
                                    href="/admin/User/gr.do?userId=${u.userId }" title="最新通知"
                                    target="_self"> <span class="item-name">个人信息</span></a> <i
                                    class="mark"></i></li>
                            <li class="nav-item i4 "><a href="/admin/declare/gl.do" title="政策文件"
                                                        target="_self"> <span class="item-name">课程管理</span></a> <i
                                    class="mark"></i></li>
                            <li class="nav-item i5 "><a
                                    href="/admin/declare/teacherShow.do?userId=${u.userId }"
                                    title="课程查看" target="_self"> <span class="item-name">课程查看</span></a>
                                <i class="mark"></i></li>
                            <li class="nav-item i6 "><a href="#" title="工作经验"
                                                        target="_self"> <span class="item-name">工作经验</span></a> <i
                                    class="mark"></i></li>
                            <li class="nav-item i7 "><a href="#" title="表格下载"
                                                        target="_self"> <span class="item-name">表格下载</span></a> <i
                                    class="mark"></i></li>
                            <li class="nav-item i8 "><a href="#" title="相关链接"
                                                        target="_self"> <span class="item-name">相关链接</span></a> <i
                                    class="mark"></i></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="clear"></div>
        </div>


        <!-- 所在位置 -->
        <div class="cont_n">
            <div class="details-position fs20 open_bg" id="courseName">1.
                课程导学
            </div>
        </div>
        <!-- banner -->
        <ul class="banner_2">
            <ul class="cont_n bg_blue" style="display: flex; width: 747px;">
                <div id="player">
                    <video width="597" height="560" style="object-fit: fill"
                           controls="controls">
                        <source src="" type="video/mp4"/>
                        <source src="" type="video/ogg"/>
                        <source src="" type="video/webm"/>
                        <object data="" width="320" height="240">
                            <embed src="" width="320" height="240"/>
                        </object>
                    </video>
                </div>
                <!-- <ul class="video-list" style="right: 301px;">
                        <video  width="747" height="565.2"  style="object-fit: fill" controls="controls">
                          <source  src="">
                        </video>
                    </div> -->
                <!-- <ul class="video-list" style="right: 310px;"> -->
                <!-- add -->
                <ul class="addList" id="hList">
                    <div class="list-title ellipsis bg-dateils">课程导学</div>
                    <c:choose>
                        <c:when test="${not empty courseViews.getResult()}">
                            <%-- <c:forEach items="${courseViews.getResult()}" var="courseViews">
                                <ul class="ulList none" style="display: block;">
                                    <li value="${courseViews.vId }" class="onLi bgblack"
                                        data-vid="f248aca38114762b52f716f996e311b5_f" data-type="3-6岁"
                                        data-id="56303ee499bf91651845f637"><a class="aaa"
                                        href="javascript:;"
                                        data-src="../../upload/${courseViews.viewRul }">${courseViews.courseView }</a>
                                    </li>
                                </ul>
                            </c:forEach> --%>
                            <c:forEach items="${courseViews.getResult()}" var="courseViews">
                                <ul class="ulList none" style="display: block;">
                                    <li value="${courseViews.vId }" class="onLi bgblack"
                                        data-vid="f248aca38114762b52f716f996e311b5_f" data-type="3-6岁"
                                        data-id="56303ee499bf91651845f637">
                                        <a class="aaa" data-src="${courseViews.vId }">${courseViews.courseView }</a>
                                    </li>
                                </ul>
                            </c:forEach>
                        </c:when>
                        <c:otherwise>
                            没有结果
                        </c:otherwise>
                    </c:choose>
                </ul>
                <!-- end -->
            </ul>
        </ul>
        </div>
        <!-- main -->
        <div class="h_40"></div>
        <div class="cont_n">
            <div class="gongkai-video">
                <!-- 课程介绍 复用-->
                <div class="daP-left fl backff">
                    <div class="daP-title">
                        <span class="daP-bg">评论</span>
                    </div>
                    <div id="kengChenJiaoShao">
                        <div id="box-pl"
                             style="min-height: 440px; margin: 10px 30px 50px 30px;">
                            <div class="daP-sub">
                                <form action="/Conmment/pinglun" method="post">
                                    <input name="expertCommentary" id="commentContent"
                                           class="daP-textarea ff" cols="99" rows="6" placeholder="大家说两句吧"></input>
                                    <div class="rdaP-btn fr" id="btnSubmitCmt"
                                         style="margin: 0 36px;">
                                        <input type="hidden" name="userId" value="${u.userId}">
                                        <input type="hidden" name="userName" value="${u.userName}">
                                        <input type="hidden" name="courseId" value="${ci.courseId }">
                                        <input type="hidden" name="courseName" value="${ci.courseDescription }">
                                        <input type="submit" value="发表评论" style="background: #CC1414;border: 0;">
                                    </div>
                                </form>
                            </div>
                            <div id="newsList">评论:</div>
                            <%--<span color="red">${errorMsg }</span><br/>--%>
                            <c:choose>
                                <c:when test="${not empty cm}">
                                    <c:forEach items="${cm}" var="cm">
                                        用户<span style="color: #740C0D;"> ${cm.userName }：</span>

                                        <div>${cm.expertCommentary }</div>
                                        <hr/>
                                    </c:forEach>
                                </c:when>
                                <c:otherwise>
                                    没有结果
                                </c:otherwise>
                            </c:choose>

                        </div>
                    </div>
                </div>
                <!-- 相关课程 复用-->
                <div class="fr">
                    <!-- 主讲老师 -->
                    <div id="teacher_f">
                        <div class="cour-art-teacher">
                            <div class="daP-list-title">
                                <span>主讲老师</span>
                            </div>
                            <div class="cour-box">
                                <div class="teacher">
                                    <div class="fl">
                                        <img
                                                src="">
                                    </div>
                                    <div class="fl">
                                        <p style="width: 120px;">${ci.teacherTeam }</p>
                                        <p></p>
                                    </div>
                                </div>
                                <div class="clear"></div>
                                <div class="teacher-intro fs14" style="height: auto">
                                    <p>${ci.teachingLesson }</p>
                                </div>
                                <div id="xiangGuanKe">
                                    <!-- 相关课程 -->
                                </div>
                            </div>
                            <!-- </div> -->
                        </div>
                    </div>
                        <!-- fenye -->
                        <!-- <div class="page_n" style="text-align:left">
                                <span>上一页</span>
                                <span>1</span>
                                <span>2</span>
                                <span>3</span>
                                <span>5</span>
                                ...
                                <span>10</span>
                                <span>下一页</span>
                            </div> -->
                        </div>
                        <!-- footer -->
                        <div class="h_40"></div>

                        <!-- 添加 -->
                        <div id="abcdefg"></div>
                        </div>

                        <script src="${path}/static/admin/js/jquery-2.2.3.min.js"></script>
                        <script>

                            $(".aaa").on("click", function () {
                                var vId = $(this).data("src");
                                $.get("/Info/shipin", {"vId": vId}, function (data) {
                                    var obj = eval(data);
                                    view = '<video width="597" height="560"  style="object-fit: fill" controls="controls">' +
                                        '<source src="../../upload/' + obj.viewRul + '" type="video/mp4" />' +
                                        '	  <source src="" type="video/ogg" />' +
                                        '  <source src="" type="video/webm" />' +
                                        '  <object data="" width="320" height="240">' +
                                        '    <embed src="" width="320" height="240" />' +
                                        ' </object>' +
                                        '</video>'
                                    $("#player").html(view)
                                    $("#player").show();
                                    // 自动播放
                                    $("#player video")[0].play();

                                }, "json");
                            });

                        </script>
        </div>
    </div>
</body>
</html>